<!DOCTYPE html>
<html lang="e">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天猫Tamll</title>
    <script src="./js/jquery-3.6.0-min.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="shortcut icon" href="/favicon.ico" />
</head>

<body>
    <div class="head">
        <div class="headLift">
            <a href="#"><span class="iconfont icon-tianmao"
                    style="color: red;margin-right: 5px;font-size: 13px;text-decoration: none;"></span><a href="./index.html">天猫首页</a></a>
            <a href="#" style="text-decoration: none;color: #999;cursor: text;"><span>瞄,&nbsp;&nbsp;欢迎来天猫</span></a>
            <a href="./login.html" class="dlzc">登录/注册</a>
        </div>
        <div class="headRight">
            <a href="#" class="v" id="vv">
                我的淘宝
                <span class="san"></span>
                <div id="aaa">
                    <p>已买到的商品</p>
                    <p>已卖出的商品</p>
                </div>
            </a>
            <a href="./gouwuche.html"><span class="iconfont icon-tianmaochaoshigouwuche"
                    style="color: red;font-size: 15px;text-decoration: none;font-weight: bold;"></span>购物车</a>
            <a href="#" class="v">收藏夹<span class="san"></span>
                <div id="aaa">
                    <p>收藏的宝贝</p>
                    <p>收藏的店铺</p>
                </div>
            </a>
            <a href="#"><span class="iconfont icon-tianmao1"
                    style="color: red;font-size: 15px;text-decoration: none;font-weight: bold;"></span>手机版</a>
            <a href="#">淘宝网</a>
            <a href="#" class="v">商家支持<span class="san"></span>
                <div id="aaa">
                    <p>收藏的宝贝</p>
                    <p>收藏的店铺</p>
                </div>
            </a>
        </div>
    </div>
    <div class="content">
        <div class="serch">
            <img src="//img.alicdn.com/imgextra/i2/O1CN01a69z6z1hJklCkBqOU_!!6000000004257-2-tps-174-106.png"
                style="width: 87px; height: 53px;">
            <input type="text" placeholder="搜索&nbsp;&nbsp;天猫">
            <div>搜索</div>
        </div>
        <div class="center">
            <div class="cTop">
                <span>主题市场</span>
                <span class="zzYou">
                    <span style="cursor: pointer;">
                        <span class="iconfont icon-tianmaot" style="font-size: 20px;color: #00B262;"></span>
                        <span class="iconfont icon-tianmaochaoshi" style="font-size: 20px;color: #00B262;"></span>
                    </span>
                    <span style="margin-left: 20px;cursor: pointer;">
                        <span class="iconfont icon-tianmaot" style="font-size: 20px;color: #7F4CDC;"></span>
                        <span class="iconfont icon-tianmaoguoji" style="font-size: 20px;color: #7F4CDC;"></span>
                    </span>
                    <span>
                        <span>天猫会员</span>
                        <span>喵生鲜</span>
                        <span>医药馆</span>
                        <span>魅力惠</span>
                        <span>飞猪旅行</span>
                        <span>苏宁易购</span>
                        <span>天猫内容</span>
                    </span>
                </span>
            </div>
            <div class="centerLift">
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">女装</a><span>/</span><a href="#">内衣</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">男装</a><span>/</span><a href="#">运动户外</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">女鞋</a><span>/</span><a
                        href="#">男鞋</a><span>/</span><a href="#">箱包</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">美妆</a><span>/</span><a href="#">个人护理</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">腕表</a><span>/</span><a
                        href="#">眼镜</a><span>/</span><a href="#">珠宝饰品</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">手机</a><span>/</span><a
                        href="#">数码</a><span>/</span><a href="#">电脑办公</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">母婴玩具</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">零食</a><span>/</span><a
                        href="#">茶酒</a><span>/</span><a href="#">进口食品</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">生鲜水果</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">大家电</a><span>/</span><a href="#">生活电器</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">家具建材</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">汽车</a><span>/</span><a
                        href="#">配件</a><span>/</span><a href="#">用品</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">加防</a><span>/</span><a
                        href="#">家饰</a><span>/</span><a href="#">鲜花</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">医药保健</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">厨具</a><span>/</span><a
                        href="#">收纳</a><span>/</span><a href="#">宠物</a>
                </p>
                <p>
                    <span class="iconfont icon-tianmaot"></span><a href="#">图书影像</a>
                </p>
            </div>
            <div class="centerRight">
                <div class="lunZ">
                    <div class="zShang">
                        <div class="carousel">
                            <ul class="carouselUl">
                                <li>
                                    <a href="">
                                        <img src="https://gw.alicdn.com/imgextra/i4/O1CN01BRpMtc21qzpEsybIT_!!6000000007037-2-tps-502-306.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://img.alicdn.com/imgextra/i1/6000000002545/O1CN01sseaQG1Ufeh3pUdXM_!!6000000002545-0-alimamazszw.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://img.alicdn.com/imgextra/i2/6000000002937/O1CN01uEYwKY1XZBxYALMTC_!!6000000002937-0-octopus.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://img.alicdn.com/simba/img/TB1lUZLJVXXXXXtXFXXSutbFXXX.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://img.alicdn.com/imgextra/i4/O1CN01KybiSW1P2CV66wbLD_!!6000000001782-0-tps-502-306.jpg" alt="">
                                    </a>
                                </li>
                            </ul>
                            <ol>

                            </ol>
                            <a href="" class="leftBtn">&lt;</a>
                            <a href="" class="rightBtn">&gt;</a>
                        </div>
                    </div>
                    <img src="https://img.alicdn.com/imgextra/i3/6000000002884/O1CN01DP9nsm1XAuxyIk8OS_!!6000000002884-0-octopus.jpg" alt="" class="imm">
                </div>
                <div class="yonghu">
                    <img src="https://img.alicdn.com/imgextra/i4/O1CN01O9cUgd1hDLDja6LOx_!!6000000004243-2-tps-712-282.png" alt="" class="yongTu">
                    <img src="https://img.alicdn.com/simba/img/TB1lUZLJVXXXXXtXFXXSutbFXXX.jpg" alt="" class="yongTu">
                    <div class="gong">
                        <p class="gp1">公告</p>
                        <p class="gp2"><span>热点</span>设计创享家3D设计服务大赛来袭！</p>
                        <p class="gp2"><span>热点</span>全球新发现，好物开抢就现在！</p>
                        <p class="gp2"><span>热点</span>万款新品流行速递抢先看</p>
                    </div>
                </div>
            </div>
            <div class="chaoshi">
                <span class="iconfont icon-tianmaochaoshi" id="cs"></span>
                <ul class="tmcs">
                    
                </ul>
            </div>
        </div>
    </div>
</body>

<script src="./js/tools.js"></script>
<script src="./js/index.js"></script>
<script src="./js/yanzheng.js"></script>
</html>